<template>
    <div id="ConsiderAll">
        <div class="wrap">
        <div class="title-head"><h1 class="receipt">“{{$store.state.searchMsg}}”的相关菜谱</h1></div>
          <div class="sort-more"><router-link  :to="{name:'SearchPage'}" active-class="active"> 综合最佳</router-link>|<router-link  active-class="active" :to="{name:'CollectMost',params:{searchmessage:this.searchmessage}}"> 收藏最多</router-link>|<router-link  active-class="active" :to="{name:'LookThroughMost',params:{searchmessage:this.searchmessage}}">浏览最多</router-link></div>
    <router-view></router-view></div>
    </div>
</template>
<script>
export default {
  name: 'ConsiderAll',
  data () {
    return {
      searchmessage: ''
    }
  }
}
</script>
<style lang="less" scoped>
 .sort-more{
    margin: 25px 0;
    a{
        padding: 0 10px;
    font-size: 14px;
    }
  }
  a{
      text-decoration: none;
      color: #333;
  }
.active{
    color: #333;
    font-weight: bold;
}
.title-head{
    line-height: 18px;
    margin-top: 20px;
    .receipt{
      font-size: 18px;
      font-weight: bold
    }}
    .wrap{
        width: 1000px;
        margin: 0 auto;
    }
</style>
